<html>
    <head>
        <title>Test</title>
        <style></style>
        <script type="text/tiscript"></script>
    </head>
    <body>

  Opaque, lossy:
<table>
  <thead>
    <tr><th>JPEG</th><th>WEBP</th></tr>
  </thead>
  <tbody>
    <tr><td>43.8 KB</td><td>29.6 KB</td></tr>
    <tr><td><img src="1.jpg"></td><td><img src="1.webp"></td></tr>
    <tr><td>86.2 KB</td><td>59.1 KB</td></tr>
    <tr><td><img src="2.jpg"></td><td><img src="2.webp"></td></tr>
  </tbody>
</table>

With alpha:
<table>
  <thead>
    <tr><th>PNG</th><th>WEBP-loosless</th><th>WEBP-lossy</th></tr>
  </thead>
  <tbody style="background:#444; color:white">
    <tr><td>118 KB</td><td>80.0 KB</td><td>18.3 KB</td></tr>
    <tr><td><img src="1.png"></td><td><img src="1_webp_ll.webp"></td><td><img src="1_webp_a.webp"></td></tr>
  </tbody>
</table>

    </body>
</html>